
.full {
  width: 100%;
  height: 100%;
}

.flexRow {
  display: flex;
  flex-direction: row;
}

.spaceBetween {
  justify-content: space-between;
}

.flexEnd {
  justify-content: flex-end;
}

.flexColumn {
  display: flex;
  flex-direction: row;
}

.inline {
  display: inline-block;
}

.relative {
  position: relative;
}

.hide {
  animation: hide 0.1s;
  animation-fill-mode: forwards;
}

@keyframes hide {
  0% {
    display: none;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 1;
  }
}
.show {
  animation: show 0.1s;
  animation-fill-mode: forwards;
}

@keyframes show {
  0% {
    display: block;
    opacity: 1;
  }
  100% {
    display: block;
    opacity: 0;
  }
}
